@import "reset";
@import "func";

body {
	min-width:1000px;
	font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,STXihei,sans-serif;
	background-color: #fafafa;
	font-size: 12px;
	line-height: 1.5;
	color: #333;
}

input, textarea, select, button {
	font-size: 100%;
	font-family: inherit;
	color: inherit;
}
button {
	border: 0;
}
b {font-weight: normal;}

a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	&:hover {
		color: #2f3645;
	}
}
.hidden {
	display: none;
}
.wrapper {
	width: 1000px;
	margin: 0 auto;
	@include clearfix;
}
.header {
	.site-header {
		@include clearfix;
		height: 29px;
		background-color: #323a4a;
		border-bottom: 1px solid #1f1f1f;
		.top-nav {
			overflow: hidden;
			float: right;
			a {
				float: left;
				line-height: 29px;
				color: #fff;
			}
			.user-name {
				float: left;
				line-height: 29px;
				color: #fff;
			}
		}
	}
	.site-nav {
		position: relative;
		@include clearfix;
		height: 80px;
		background: #414a5c url('../images/site_nav_bg.png') top right no-repeat;
		.logo {
			float: left;
			margin-top: 19px;
		}
		.main-nav {
			float: right;
			.nav {
				@include clearfix;
				>li {		
					float: left;
					>a {
						position: relative;
						padding-left: 15px;
						padding-right: 15px;
						line-height: 80px;
						font-size: 16px;
						color: #fff;
						&:after {
							display: none;
							content: "";
							position: absolute;
							top: 39px;
							left: 50%;
							margin-left: -12px;
							z-index: 1001;
							width: 0;
							height: 0;
							border-left: 12px solid transparent;
							border-right: 12px solid transparent;
							border-bottom: 12px solid #f7f7f7;
						}
					}
					>.dropdown-menu {
						display: none;
						position: absolute;
						top: 100%;
						left: 0;
						width: 100%;
						background-color: #fff;
						z-index: 1000;
						border-bottom: 1px solid #d7d7d7;
						.menu {
							@include clearfix;
							padding-left: 200px;
							li {
								float: left;
								a {
									padding-left: 25px;
									padding-right: 25px;
									height: 75px;
									line-height: 78px;
									font-size: 14px;
									color: #9aa1ac;
								}
								&.current,
								&.active {
									a {
										display: inline-block;
										border-bottom: 3px solid #0070cd;
										color: #38435a;
									}
								}
								&:hover {
									a {
										display: inline-block;
										color: #38435a;
									}
								}
							}
						}
					}
					&.current {
						>a:after{
							display: block;
						}
						>.dropdown-menu {
							display: block;
						}
					}
					&.active {
						// >a:after{
						// 	display: block;
						// }
						>.dropdown-menu {
							display: block;
						}
					}
				}
			}
		}
	}
}

.ct-mod {
	margin-top: 90px;
	>.hd {
		margin-bottom: 30px;
		height: 35px;
		background-color: #c0c7d3;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		.tit {
			padding-left: 20px;
			line-height: 35px;
			color: #1e242f;
			font-size: 16px;
		}
	}
	>.bd {
		padding-left: 40px;
		padding-right: 40px;
	}
}
[class|="btn"] {
	display: inline-block;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	background-color: #515b6f;
	border-radius: 4px;
	border-bottom: 2px solid #1f1f1f;
	&:hover {
		background-color: lighten(#515b6f, 8%);
		color: #fff;
	}
}

